<!DOCTYPE html>
<title>ajax test</title>
<meta charset="UTF-8">
<html>

    <link type="text/css" rel="stylesheet" href="css/leaflet.css" />
    <link type="text/css" rel="Stylesheet" href="css/bjqs.css" />
    <link type="text/css" rel="Stylesheet" href="css/jquery.jscrollpane.css" />

    <script src="js/leaflet.js"></script>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/bjqs-1.3.min.js"></script>
    <script src="js/jquery.jscrollpane.min.js"></script>

    <body>
        <script>
            $(document).ready(function() {
               var url = "http://osm.qmap.it/api/event/12042456/1120/-1/126/1.json";
                $.ajax({
                    url : url,
                    dataType : 'jsonp',
                    type : 'GET',
                    success : function(data) {
                        //$("#pop").html(output);
                        alert(JSON.stringify(data));
                    },
                    error : function(jqXHR, textStatus, errorThrown) {
                        //console.error("ERROR:" + jqXHR);
                        $("#pop").html("Errore nel caricamento dati dal server: " + errorThrown);
                    }
                });
            });
            
        </script>
        <div id="pop"></div>
    </body>

</html>